<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=1170px, initial-scale=0, user-scalable=no" />
    <title>{dede:field.title/}_{dede:global.cfg_webname/}</title>
    <meta name="keywords" content="{dede:field.keywords/}" />
    <meta name="description" content="{dede:field.description function='html2text(@me)'/}" />
    {dede:include filename="meta.htm"/}
    <script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/jquery.fancybox.js"></script>
    <link rel="stylesheet" type="text/css" href="{dede:global.cfg_templets_skin/}/css/jquery.fancybox.css" media="screen" />
    <script type="text/javascript">
        $(document).ready(function(){
            //添加轮播图片事件
            var addCount = $("#fancyboxCount").val();
            if(addCount && addCount>0){
                for(var i=0; i<addCount; i++){
                    console.log('.fancybox_'+i);
                    $('.fancybox_'+i).fancybox();
                }
            }
        })
    </script>
</head>
<body>
{dede:include filename="head.htm"/}
<div class="bannar"><img src="{dede:global.cfg_templets_skin/}/images/join.jpg"/></div>
<div class="breadcrumb">
    <div class="main">

        <ol>
            <li>{dede:field name='position' runphp='yes'}@me=preg_replace("/ - $/imU","",@me);{/dede:field}</li>
        </ol>
        <ul class="tab">
            {dede:channel type='son' currentstyle="
            <li class='on'>~typename~</li>
            "}
            <li><a href='[field:typeurl/]'>[field:typename/]</a></li>
            {/dede:channel}
        </ul>
    </div>

</div>
<div>
    <div id="join">
        <div class="about_content">
            <div class="main" style="background: #FFFFFF">
                <div class="right" style="width: 600px">
                    <img src="{dede:global.cfg_templets_skin/}/images/join_s.jpg" height="400" width="600"/>
                </div>
                <div class="left" style="width: calc(100% - 660px); padding: 30px;">
                    <p style="color: #666666; font-size: 18px; text-align: center; padding-bottom: 10px">加入我们</p>
                    <p style="color: #666666; font-size: 16px;padding-bottom: 12px; text-align: center">Join us</p>
                    <div style="color: #666666; font-size: 16px; line-height: 28px;">
                        <p style="text-indent: 2EM; padding-bottom: 10px;">如果您希望应聘我们提供的岗位，请仔细阅读岗位要求后，将您的简历以邮件形式发送给我们， 请在邮件标题中注明要申请的岗位名称及您的姓名</p>
                        <p style="text-indent: 2EM; padding-bottom: 10px;">公司总部工作及面试地点：深圳市罗湖区翠竹北路C33+创新产业园710</p>
                        <p style="text-indent: 2EM; padding-bottom: 10px;">应聘邮箱：lifei@plempire.net</p>
                    </div>
                </div>
                <div style="clear: both"></div>
            </div>
        </div>
        <div>
            <div class="main" style="padding: 50px 0">
                <div class="title" style="background: #d9d9d9;height: 60px; "><p>招聘岗位</p><p>招聘人数</p><p>发布时间</p></div>
                <ul class="job_list">
                    {dede:arclist titlelen='24' addfields='body,count' channelid='17'  orderby='pubdate' typeid='21' idlist=''}
                    <li>
                        <div class="info">
                            <p>[field:title /]</p>
                            <p>[field:count/]</p>
                            <p class="time">[field:pubdate function="MyDate('Y-m-d',@me)"/]</p>
                        </div>
                        <div class="info_show">
                            [field:body /]
                        </div>
                    </li>
                    {/dede:arclist}
                </ul>
                <div style="clear: both"></div>
            </div>
        </div>
    </div>
</div>
{dede:include filename="footer.htm"/}
<script>
    $(".info").click(function () {
        if($(this).hasClass("on")){
            $(this).removeClass("on");
        }else{
            $(this).addClass("on");
        }
        $(this).next("div").toggle(50,function () {

        });
    })
    function settab(obj,str) {
        $(obj).addClass("on").siblings().removeClass("on");
        $("#"+str).show().siblings().hide();
    }
</script>
</body>
</html>